<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        html,body{
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }
        .btn {
            width: 30%;
            height: 3rem;
            font-size: 32px;
        }
    </style>

</head>
<body>
<div>
    <video id="gum" style="width: 100%;height:100%;display: none;"   autoplay  ></video>
    <video id="showVideo" style="width: 100%;height:100%;display: none;" autoplay  controls="controls"></video>
</div>
<canvas id="myCanvas" style="width: 100%;height:100%;"></canvas>
<div style='position:fixed ; bottom:2rem;width: 80%; margin: 0 auto;text-align: center;'>
    <button id="record" class="btn" disabled>录制</button>
    <button id="play" class="btn"  disabled>播放</button>
 <!--   <button id="reStart" disabled>重新开始</button>
    <button id="upload">上传</button>-->
</div>
<script src="./js/main.js"></script>
</body>
</html>